<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${merchant.mName}  Dishes</title>
<link rel="stylesheet" href="css/test2.css">
</head>
<body>
	<div align="center">
		<h1>${merchant.mName}  Dishes</h1>
	</div>
		<div align="right">
		<a href="MerchantListServlet">Back</a>
	</div>


	<div class="sidebar">
		<div class="side">
			<h3>Dish Types</h3>
			<ul>
				<c:forEach items="${sessionScope.typeList}" var="dishtype">
					<c:choose>
						<c:when test="${dishtype.pId==sessionScope.defaultType}">
							<li><a href="DishListServlet?type=${dishtype.pId}&mId=${merchant.mId}"
								style="color: blue;">${dishtype.pname}</a></li>
						</c:when>
						<c:otherwise>
							<li><a href="DishListServlet?type=${dishtype.pId}&mId=${merchant.mId}">${dishtype.pname}</a></li>
						</c:otherwise>
					</c:choose>
				</c:forEach>
			</ul>
		</div>
	</div>


	<div id="recipecontainer" class="clearfix recipecolumn3 recipesortable"
		style="width: 1080;">
		<ul>
			<c:forEach items="${dishes}" var="dish">
				<li class="element"><a class="fancyboxpopup"><img src="ImageLoader?path=${dish.dImageURL}"></img></a>
					<div class="recipedetails">
						<p>Dish Name:${dish.dName}
						<p>Pricd:${dish.dPrice}</p>
					</div>
				</li>
			</c:forEach>
		</ul>
	</div>
</body>
</html>